home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Browsers, Managers & Extensions / Mozilla Weave 0.2.7 / latest-weave.xpi / chrome / sync.jar / content / wizard.xul < prev   
Extensible Markup Language  |  2008-10-15  |  19KB  |  489 lines
  1. <?xml version="1.0"?>
  2.  
  3. <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
  4. <?xml-stylesheet href="chrome://weave/content/wizard.css" type="text/css"?>
  5.  
  6. <!DOCTYPE overlay SYSTEM "chrome://weave/locale/wizard.dtd">
  7. <wizard xmlns:html="http://www.w3.org/1999/xhtml"
  8.         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  9.         id="sync-wizard" title="&wizard.title;"
  10.         height="560" width="600"
  11.         onunload="gSyncWizard.onWizardShutdown();"
  12.         windowtype="Sync:wizard">
  13.   
  14.   <script type="application/x-javascript"
  15.           src="chrome://weave/content/load-weave.js"/>
  16.   <script type="application/x-javascript"
  17.           src="chrome://weave/content/wizard.js"/>
  18.  
  19.   
  20.   <stringbundleset id="stringbundleset">
  21.     <stringbundle id="weaveStringBundle" src="chrome://weave/locale/wizard.properties"/>
  22.   </stringbundleset>
  23.  
  24.   <wizardpage label="&intro.title;" pageid="sync-wizard-intro"
  25.               next="sync-wizard-welcome"
  26.               onpageshow="gSyncWizard.onPageShow('sync-wizard-intro');">
  27.     <vbox align="left">
  28.       <image src="chrome://weave/skin/large-logo.png"/>
  29.       <description width="500">
  30.         &intro.label;
  31.         <html:a href="#" onclick="window.open('&intro-more.link;');">
  32.           &intro-more.label;
  33.         </html:a>
  34.       </description>
  35.       <separator/>
  36.       <hbox width="500">
  37.         <html:strong>
  38.           <description width="500">
  39.             &intro-terms1.label;
  40.             <html:a href="#" onclick="window.open('&intro-terms2.link;');">
  41.               &intro-terms2.label;
  42.             </html:a>
  43.             &intro-terms3.label;
  44.           </description>
  45.         </html:strong>
  46.         <separator/>
  47.         <radiogroup id="acceptOrDecline"
  48.                     oncommand="gSyncWizard.onChangeTermsRadio();">
  49.           <radio value="true" label="&intro-terms.accept;"/>
  50.           <radio value="false" label="&intro-terms.decline;"/>
  51.         </radiogroup>
  52.       </hbox>
  53.     </vbox>
  54.   </wizardpage>
  55.   
  56.  
  57.   <wizardpage label="&welcome.title;" pageid="sync-wizard-welcome" 
  58.               next="sync-wizard-verify" 
  59.               onpageshow="gSyncWizard.onPageShow('sync-wizard-welcome');" >
  60.     
  61.     <label hidden="true" id="welcome-check" value="false"/>
  62.     <label hidden="true" id="path" />
  63.     
  64.     <separator class="thin"/> 
  65.     <grid> 
  66.       <rows>
  67.         <row>
  68.           <spacer id="leftSpacer" flex="1"/>
  69.           <hbox align="top">
  70.             <!--<button id="rightButton" >-->
  71.               <vbox id="rightVbox" onclick="gSyncWizard.advanceTo('sync-wizard-create1');
  72.                                             gSyncWizard.setTitles('create');">
  73.                 <hbox id="rightLabelHbox"><label id="rightLabel">&newUser-title.label;</label></hbox>
  74.                 <separator class="thin"/>
  75.                 <description id="rightDescription">&newUser.description;</description>
  76.               </vbox>
  77.             <!--</button>-->
  78.           </hbox>
  79.           <spacer id="centerSpacer" flex="1"/>
  80.           <hbox align="top">
  81.             <!--<button id="leftButton" >-->
  82.               <vbox id="leftVbox" onclick="gSyncWizard.advanceTo('sync-wizard-verify');
  83.                                            gSyncWizard.setTitles('verify');">
  84.                 <hbox id="leftLabelHbox"><label id="leftLabel">&curUser-title.label;</label></hbox>
  85.                 <separator class="thin"/>
  86.                 <description id="leftDescription">&curUser.description;</description>
  87.               </vbox>
  88.             <!--</button>-->
  89.           </hbox>
  90.           <spacer id="rightSpacer" flex="1"/>
  91.         </row>
  92.       </rows>
  93.     </grid>
  94.   </wizardpage>
  95.   
  96.   <wizardpage label="&verify.title;" pageid="sync-wizard-verify" 
  97.               next="sync-wizard-data" 
  98.               onpageshow="gSyncWizard.onPageShow('sync-wizard-verify');"
  99.               onpageAdvanced = "return gSyncWizard.checkVerificationFields();">
  100.     
  101.     <label hidden="true" id="verify-check"        value="false"/>
  102.     <label hidden="true" id="login-verified"      value="false" />
  103.     <label hidden="true" id="passphrase-verified" value="false"/>
  104.     
  105.     <grid>       
  106.       <columns>
  107.         <column/>
  108.         <column flex="1"/>
  109.       </columns>       
  110.       <rows>
  111.         <row align="center">
  112.           <label value="&username.label;" control="sync-username-field"/>
  113.           <textbox id="sync-username-field" class="padded"
  114.                    type="timed" timeout="500"
  115.                    oninput = "gSyncWizard.checkVerificationFields();"
  116.                    oncommand="gSyncWizard.verifyLogin();"/>
  117.         </row>
  118.         <row align="center">
  119.           <label value="&password.label;" control="sync-password-field"/>
  120.           <textbox id="sync-password-field" class="padded" 
  121.                    type="password" timeout="500"
  122.                    oninput = "gSyncWizard.checkVerificationFields();"
  123.                    oncommand="gSyncWizard.verifyLogin();"/>
  124.         </row>
  125.         <row>
  126.           <spacer flex="1"/>
  127.           <hbox>
  128.             <label id="verify-account-error" value=""/>
  129.             <hbox hidden="true" id="verify-account-error-link"> 
  130.               <html:a href="#"
  131.                       onclick="gSyncWizard.verifyPassword(); gSyncWizard.verifyPassphrase();">
  132.                 &tryAgain.text;
  133.             </html:a> </hbox>
  134.             <image hidden="true" id="verify-account-icon" src="chrome://global/skin/icons/loading_16.png" />
  135.             <spacer flex="1"/>
  136.           </hbox>
  137.         </row>
  138.         
  139.         <separator/>
  140.         
  141.         <row align="center">
  142.           <label value="&passphrase.label;" control="sync-passphrase-field"/>
  143.           <textbox id="sync-passphrase-field" class="padded" 
  144.                    type="password" timeout="500"
  145.                    oninput = "gSyncWizard.checkVerificationFields();"
  146.                    oncommand="gSyncWizard.verifyPassphrase();"/>
  147.         </row>
  148.         <row>
  149.           <spacer flex="1"/>
  150.           <hbox>
  151.             <label id="verify-passphrase-error" value=""/>
  152.             <hbox hidden="true" id="verify-passphrase-error-link"> 
  153.               <html:a href="#" onclick="gSyncWizard.verifyLogin();">
  154.                 &tryAgain.text;
  155.               </html:a> 
  156.             </hbox>
  157.             <image hidden="true" id="verify-passphrase-icon" src="chrome://global/skin/icons/loading_16.png" />
  158.           </hbox>
  159.         </row>
  160.       </rows>    
  161.     </grid>
  162.     
  163.     <separator/> <separator/>
  164.     
  165.     <hbox>
  166.       <spacer flex="1"/>
  167.       <description>
  168.         &reminder.label;
  169.         <html:a href="&recovery.link;" target="_blank">
  170.           &clickHere.text;
  171.         </html:a>
  172.       </description>
  173.     </hbox>
  174.   </wizardpage>
  175.  
  176.   <wizardpage label="&create.title;" pageid="sync-wizard-create1" 
  177.               next="sync-wizard-create2" 
  178.               onpageshow="gSyncWizard.onPageShow('sync-wizard-create1');"
  179.               onpageadvanced="return gSyncWizard.checkCreationFields();">
  180.  
  181.     <label hidden="true" id="username-verified" value="false"/>
  182.     <label hidden="true" id="email-verified"    value="false"/>
  183.     <label hidden="true" id="password-verified" value="false"/>
  184.  
  185.     <label hidden="true" id="create1-check" value="false"/>     
  186.     <grid>   
  187.       <columns>
  188.         <column/>
  189.         <column flex="1"/>
  190.       </columns>     
  191.       <rows>
  192.         <row align="start">
  193.           <label value="&createUsername.label;" control="sync-username-create-field"/>
  194.           <vbox><textbox id="sync-username-create-field" class="padded" 
  195.                          type="timed" timeout="500"
  196.                          oninput="gSyncWizard.checkCreationFields();"
  197.                          oncommand="gSyncWizard.checkUsername();"/>
  198.             <label class="hint" value="&createUsernameHint.label;"/>
  199.           </vbox>
  200.         </row>
  201.         <row>
  202.           <spacer flex="1"/>
  203.           <hbox>
  204.             <label id="create-username-error" value=""/>
  205.             <hbox hidden="true" id="create-username-error-link"> <html:a href="#"
  206.                   onclick="gSyncWizard.checkUsername();">
  207.                 &tryAgain.text;
  208.             </html:a> </hbox>
  209.             <image hidden="true" id="create-username-icon" src="chrome://global/skin/icons/loading_16.png" />
  210.           </hbox>
  211.         </row>     
  212.         
  213.         <separator />
  214.         
  215.         <row align="start">
  216.           <label value="&createEmail.label;" control="sync-email-create-field"/>
  217.           <vbox><textbox id="sync-email-create-field" class="padded"
  218.                          type="timed" timeout="500"
  219.                          oninput="gSyncWizard.checkCreationFields();" 
  220.                          oncommand="gSyncWizard.checkEmail();"/>
  221.             <label class="hint" value="&createEmailHint.label;"/>
  222.           </vbox>
  223.         </row>
  224.         <row>
  225.           <spacer flex="1"/>
  226.           <hbox>
  227.             <label id="email-error" value=""/>
  228.             <hbox hidden="true" id="email-error-link"> <html:a href="#"
  229.                   onclick="gSyncWizard.checkEmail();">
  230.                 &tryAgain.text;
  231.             </html:a> </hbox>
  232.             <image hidden="true" id="email-icon" src="chrome://global/skin/icons/loading_16.png" />
  233.           </hbox>
  234.         </row>
  235.         
  236.         <separator/>
  237.         
  238.         <row align="start">
  239.           <label value="&createPassword.label;" control="sync-password-create-field"/>
  240.           <vbox><textbox id="sync-password-create-field" class="padded" 
  241.                          type="password" timeout="500" 
  242.                          oninput="gSyncWizard.checkCreationFields();"
  243.                          oncommand="gSyncWizard.checkAccountInput('password');"/>
  244.             <label class="hint" value="&createPasswordHint.label;"/>
  245.           </vbox>
  246.         </row>
  247.         <row align="start">
  248.           <label value="&createReenterPassword.label;" control="sync-reenter-password-field"/>
  249.           <textbox id="sync-reenter-password-field" class="padded" 
  250.                    type="password" timeout="500"
  251.                    oninput="gSyncWizard.checkCreationFields();"
  252.                    oncommand="gSyncWizard.checkAccountInput('password');"/>
  253.         </row>
  254.         <row>
  255.           <spacer flex="1"/>
  256.           <label id="password-match-error" value=""/>
  257.         </row>
  258.         
  259.         <separator/>
  260.         
  261.       </rows>
  262.     </grid>
  263.     
  264.   </wizardpage>
  265.   
  266.   
  267.   <wizardpage label="&create2.title;" pageid="sync-wizard-create2" 
  268.           next="sync-wizard-create3" 
  269.           onpageshow="gSyncWizard.onPageShow('sync-wizard-create2');" 
  270.           onpageadvanced="return gSyncWizard.checkPassphraseFields();">
  271.     
  272.     <label hidden="true" id="create2-check"     value="false"/>     
  273.     <label hidden="true" id="password-verified" value="false"/>
  274.     
  275.     <grid>   
  276.       <columns>
  277.         <column/>
  278.         <column flex="1"/>
  279.       </columns>     
  280.       <rows>
  281.         <description>
  282.       &passphrase.description;
  283.             <html:a href="#" onclick="window.open('&passphrase-more.link;');">&passphrase-more.label;</html:a>
  284.     </description>
  285.         <separator class="thin"/>
  286.         <row align="center">
  287.           <label value="&passphrase.label;" control="sync-passphrase-create-field" />
  288.           <textbox id="sync-passphrase-create-field" class="padded" 
  289.                    type="password" timeout="500" 
  290.                    oninput="gSyncWizard.checkPassphraseFields();" 
  291.                    oncommand="gSyncWizard.checkAccountInput('passphrase');"/>
  292.         </row>
  293.         <row align="center"> 
  294.           <label value="&reenterPassphrase.label;" control="sync-reenter-passphrase-field" />
  295.           <textbox id="sync-reenter-passphrase-field" class="padded" 
  296.                    type="password" timeout="500"
  297.                    oninput="gSyncWizard.checkPassphraseFields();"
  298.                    oncommand="gSyncWizard.checkAccountInput('passphrase');"/>
  299.         </row>
  300.         <row>
  301.           <spacer flex="1"/>
  302.           <label id="passphrase-match-error" value=""/>
  303.         </row>
  304.       </rows>
  305.     </grid>
  306.     
  307.   </wizardpage>
  308.   
  309.   <wizardpage label="&create3.title;" pageid="sync-wizard-create3" 
  310.               next="sync-wizard-data" 
  311.               onpageshow="gSyncWizard.onPageShow('sync-wizard-create3');" 
  312.               onpageadvanced="return gSyncWizard.createAccount();" >
  313.     
  314.     <label hidden="true" id="create3-check" value="false"/>     
  315.     <description id="account-creation-error"/>
  316.  
  317.     <grid>
  318.       <rows>
  319.         <row>
  320.           <label value="&captcha.label;"/> (<html:a href="#" onclick="gSyncWizard.reloadCaptcha();">&reloadCaptcha.text;</html:a>)
  321.         </row>
  322.         <row>
  323.           <hbox>
  324.             <iframe type="content" id="captchaImage" width="316" height="75" />
  325.             <spacer flex="1"/>
  326.           </hbox>
  327.         </row>
  328.         <row>
  329.           <hbox>
  330.           <vbox width="316">
  331.             <textbox id="captchaInput" oninput="gSyncWizard.checkFinalFields();"/>
  332.             <hbox><label class="hint" value="&captchaHint.label;"/><spacer flex="1"/></hbox>
  333.             <hbox><label id="captcha-error" value=""/><spacer flex="1"/></hbox>
  334.           </vbox>
  335.           <spacer flex="1"/>
  336.           </hbox>
  337.         </row>
  338.         <separator/>
  339.         <!--<row>
  340.           <label id="terms" value="&terms.label;"/>
  341.         </row>-->
  342.           <!--<iframe width="100%" src="chrome://weave/content/ToS.xhtml" height="50"/>-->
  343.           <hbox>
  344.             <checkbox id="terms-checkbox" selected="false"
  345.                       oncommand="gSyncWizard.checkFinalFields();"/>
  346.             <label control="terms-checkbox">
  347.               &acceptTerms.label; <html:a href="chrome://weave/content/ToS.xhtml" target="_blank">&acceptTerms.link;</html:a> 
  348.             </label>
  349.           </hbox>
  350.         <separator/>
  351.         <row>
  352.           <label>&create3.description;</label>
  353.         </row>
  354.         <separator/>
  355.  
  356.           <hbox width="100%">
  357.             <spacer flex="1"/>
  358.             <description id="account-creation-status"/>
  359.             <hbox hidden="true" id="account-creation-status-link"> <html:a href="#"
  360.                   onclick="gSyncWizard.createAccount();">
  361.                   &tryAgain.text;
  362.             </html:a> </hbox>
  363.             <image hidden="true" id="account-creation-status-icon" src="chrome://global/skin/icons/loading_16.png"/>
  364.          </hbox>
  365.       </rows>
  366.     </grid>  
  367.     <hbox>
  368.       <browser hidden="true" type="content" id="captcha" />
  369.       <label hidden="true" id="lastCaptchaChallenge" />
  370.       <spacer flex="1"/>
  371.     </hbox>
  372.     
  373.   </wizardpage>
  374.   
  375.   
  376.   <wizardpage pageid="sync-wizard-data" 
  377.               next="sync-wizard-final" 
  378.               onpageshow="gSyncWizard.onPageShow('sync-wizard-data');" >
  379.     <vbox>
  380.     <description>
  381.       &instanceName.description;
  382.     </description>
  383.     
  384.     <grid width="100%">
  385.               <rows>
  386.                 <row align="center">
  387.                   <label value="&instanceName.label;" control="sync-username-field"/>
  388.                   <textbox width="100%" flex="1" id="sync-instanceName-field" class="padded"/>
  389.                   <menulist id="sync-instanceType-field">
  390.                     <menupopup>
  391.                       <menuitem label="Desktop" value="desktop"/>
  392.                       <menuitem label="Laptop" value="laptop"/>
  393.                       <menuitem label="Mobile" value="mobile"/>
  394.                     </menupopup>
  395.                   </menulist>
  396.                 </row>
  397.                 <row>
  398.                   <spacer flex="1"/>
  399.                   <label width="100%" disabled="true" value="&examples.label;"/>
  400.                 </row>
  401.               </rows>
  402.     </grid>
  403.  
  404.     <separator/> 
  405.     <description>&data.description;</description>
  406.     <separator class="thin"/>
  407.     <richlistbox rows="5">
  408.       <richlistitem> <checkbox id="sync-wizard-bookmarks" checked="true" label="&bookmarks.label;"/> </richlistitem>
  409.       <richlistitem> <checkbox id="sync-wizard-history" checked="true" label="&history.label;"/> </richlistitem>       
  410.       <richlistitem> <checkbox id="sync-wizard-cookies" checked="false" label="&cookies.label;"/> </richlistitem>       
  411.       <richlistitem> <checkbox id="sync-wizard-passwords" checked="false" label="&passwords.label;"/> </richlistitem>       
  412.       <richlistitem> <checkbox id="sync-wizard-tabs" checked="false" label="&tabs.label;"/> </richlistitem>       
  413.       <richlistitem> <checkbox id="sync-wizard-forms" checked="false" label="&formdata.label;"/> </richlistitem>
  414.     </richlistbox>
  415.     </vbox>
  416.   </wizardpage>
  417.  
  418.  
  419.   <wizardpage pageid="sync-wizard-final" 
  420.               onpageshow="gSyncWizard.onPageShow('sync-wizard-final');"
  421.               next="sync-wizard-thankyou" 
  422.               onpageadvanced="return gSyncWizard.completeInstallation();">
  423.     
  424.     <label hidden="true" id="installation-started" value="false"/>
  425.     <label hidden="true" id="sync-success" value="false"/>
  426.     
  427.     <description>&final1.description;</description>
  428.     <separator class="thin"/>
  429.     <!--<description>&final2.description;</description>
  430.     <separator/>-->
  431.     <hbox>
  432.       <label id="final-pref-status" value="&final-pref-title.description;"/>
  433.       <image id="final-pref-icon" hidden="true" src="chrome://global/skin/icons/loading_16.png"/>
  434.       <spacer flex="1"/>
  435.     </hbox>
  436.     <hbox>
  437.       <spacer width="10"/>
  438.       <label id="final-pref-details" disabled="true" />
  439.       <spacer flex="1"/>
  440.     </hbox>
  441.     <separator/>
  442.     <hbox>
  443.       <label id="final-account-status" value="&final-account-title.description;"/>
  444.       <image id="final-account-icon" hidden="true" src="chrome://global/skin/icons/loading_16.png"/>
  445.       <spacer flex="1"/>
  446.     </hbox>
  447.     <hbox>
  448.       <spacer width="10"/>
  449.       <label id="final-account-details" disabled="true" />
  450.       <spacer flex="1"/>
  451.     </hbox>
  452.     <separator/>
  453.     <hbox>
  454.       <label id="final-sync-status" value="&final-sync-title.description;"/>
  455.       <image id="final-sync-icon" hidden="true" src="chrome://global/skin/icons/loading_16.png"/>
  456.       <spacer flex="1"/>
  457.     </hbox>
  458.     <hbox>
  459.       <spacer width="10"/>
  460.       <label id="final-sync-details" disabled="true" />
  461.       <spacer flex="1"/>
  462.     </hbox>
  463.     
  464.     <separator/> <separator/> <separator/>
  465.     
  466.     <hbox>
  467.       <spacer flex="1"/>
  468.       <label id="final-status" />
  469.       <hbox hidden="true" id="final-status-link"> <html:a href="#"
  470.             onclick="gSyncWizard.completeInstallation();">
  471.           &tryAgain.text;
  472.       </html:a> </hbox>
  473.       <image hidden="true" id="final-status-icon" src="chrome://global/skin/icons/loading_16.png"/>
  474.     </hbox>
  475.     
  476.   </wizardpage>
  477.   
  478.  
  479.   <wizardpage label="&thankyou.title;" pageid="sync-wizard-thankyou">
  480.     <separator/>
  481.     <description>
  482.       &thankyou.description;
  483.     </description>
  484.     <separator/>
  485.     <separator/>
  486.   </wizardpage>
  487.   
  488. </wizard>
  489.